@import './reset.less';

.login-wrap {
	.abs();
	.l(0);
	.r(0);
	.t(0);
	.b(0);
	.whiteBgColor(.3);
}

.login-container {
	.pos-box-cc(410px, 320px);
	.w(410px);
	.h(320px);
	.whiteBgColor(.3);
	border-radius: 10px;
	overflow: hidden;
}

.login-title {
	.h_lh(80px);
	.font-s(26px);
	.whiteColor(1);
	.tc();
}

.login-main {
	.w(328px);
	.mg(0, auto);
	.whiteColor(.8);
}

.login-item {
	.rel();
	.mt(10px);
	.mb(20px);
	.h(44px);
	border: 1px solid transparent;
}

.login-item:hover {
	border: 1px solid #fff;	
}

.user-name {
	.bg-m-c('../images/username.png', 10px, center, no-repeat, #e4e6e7);
}

.pwd {
	.bg-m-c('../images/pwd.png', 10px, center, no-repeat, #e4e6e7);
}

.login-line {
	.dib();
	.abs();
	.t(0);
	.b(0);
	.l(40px);
	.w(2px);
	.h(16px);
	.mg(auto, 0);
	.bg-m('../images/th_line.png', center, center);
}

.txt {
	.w(234px);
	.h_lh(44px);
	.ml(48px);
	.blackColor(1);
	background:transparent;
}

.username-icon {
	.fr();
	.w(44px);
	.h(44px);
	.bg-m-c('../images/toDown.png', center, center, no-repeat, rgba(0, 0, 0, .2));
}

.password-icon {
	.fr();
	.w(44px);
	.h(44px);
	.bg-m-c('../images/eyes.png', center, center, no-repeat, rgba(0, 0, 0, .2));
}

.login-label {
	.p(0, 25px, 0, 25px);
	.bg-m('../images/checkbox-noselect.png', left, center);
}

.login-label-active {
	.p(0, 25px, 0, 25px);
	.bg-m('../images/checkbox-select.png', left, center);
}

.login-checkbox {
	.abs();
	clip: rect(0 0 0 0);
}

.login-btn {
	.db();
	.whiteColor(1);
	.w100();
	.h(52px);
	.mt(30px);
	.cp();
	border: 0;
	background: -webkit-linear-gradient(30deg,#20c44e,#12e2a6);
	background: linear-gradient(60deg,#20c44e,#12e2a6);
}

.language-wrap {
	.abs();
	.t(48px);
	.r(0);
	.clearfix();
	.w(400px);
	.h_lh(40px);
	.font-s(14px);
	.whiteColor(.8);
}

.language-title {
	.fl();
	.w(125px);
}

.language-radio {
	.fl();
	.w(75px);
}